<template>
  <!-- 用户余额变动记录列表 -->
  <div style="height:100%">
    <el-table :data="listData" height="100%" style="width: 100%" border>
      <el-table-column
          prop="userName"
          label="用户"
          min-width="100"
        ></el-table-column>
      <el-table-column
          prop="createTime"
          label="时间"
          width="160"
        ></el-table-column>
        <el-table-column prop="" label="变动类型" width="120">
          <template slot-scope="scope">
            <el-tag
              :type="scope.row.changeType?commonMaps.moneyChangeTypeMap[scope.row.changeType].type:'warning'"
              >{{
                scope.row.changeType?commonMaps.moneyChangeTypeMap[scope.row.changeType].label:'无'
              }}</el-tag
            >
          </template>
        </el-table-column>
        <el-table-column prop="state" label="余额变动" width="120">
          <template slot-scope="scope">
            <div>
              {{ `${scope.row.type == 1 ? "+" : "-"}${scope.row.amount}` }}
            </div>
          </template>
        </el-table-column>
        <el-table-column
          prop="afterAmount"
          label="变动后余额"
          width="120"
        ></el-table-column>

        <el-table-column
          prop="reason"
          label="说明"
          min-width="150"
          show-overflow-tooltip
        >
        </el-table-column>
      </el-table>
  </div>
</template>

<script>
export default {
  name: "",
  props:['listData'],
  data() {
    return {
      
    };
  },
  created() {

  },
  activated() {

  },
  methods: {
    
  }
};
</script>
<style lang="scss" scoped>

</style>